.load_table {
    /* for chrome and safari*/
    -webkit-animation-duration: 1s;
    -webkit-animation-name: slidein;

    /*for firefox*/
    -moz-animation-duration: 1s;
    -moz-animation-name: slidein;

      /* for opera*/
    -o-animation-duration: 1s;
    -o-animation-name: slidein;

      /* Standard syntax*/
    animation-duration: 1s;
    animation-name: slidein;
}

@-webkit-keyframes slidein {
    from {
        margin-left: 75%;
        width: 300%;
    }
    to {
        margin-left: 0%;
        width: 100%;
    }
}

@-moz-keyframes slidein {
    from {
        margin-left: 75%;
        width: 300%;
    }
    to {
        margin-left: 0%;
        width: 100%;
    }
}
 @-o-keyframes slidein {
    from {
        margin-left: 75%;
        width: 300%;
    }
    to {
        margin-left: 0%;
        width: 100%;
    }
}
  @keyframes slidein {
    from {
        margin-left: 75%;
        width: 300%;
    }
    to {
        margin-left: 0%;
        width: 100%;
    }
}


.load_table_left{
  /* for chrome and safari*/
  -webkit-animation-duration: 1s;
  -webkit-animation-name: slidein_right;

  /*for firefox*/
  -moz-animation-duration: 1s;
  -moz-animation-name: slidein_right;

    /* for opera*/
  -o-animation-duration: 1s;
  -o-animation-name: slidein_right;

    /* Standard syntax*/
  animation-duration: 1s;
  animation-name: slidein_right;
}

@-webkit-keyframes slidein_right {
    from {
        margin-left: -80%;
        width: -300%;
    }
    to {
        margin-left: 0%;
        width: 100%;
    }
}

@-moz-keyframes slidein_right {
    from {
        margin-left: -80%;
        width: -300%;
    }
    to {
        margin-left: 0%;
        width: 100%;
    }
}
 @-o-keyframes slidein_right {
    from {
        margin-left: -80%;
        width: -300%;
    }
    to {
        margin-left: 0%;
        width: 100%;
    }
}
  @keyframes slidein_right {
    from {
        margin-left: -80%;
        width: -300%;
    }
    to {
        margin-left: 0%;
        width: 100%;
    }
}